<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
        content="width=device-width, initial-scale=1.0">
<meta name="HandheldFriendly" content="true">
<title>Sample</title>
</head>
<body>
<script>
// [03]===========================================================
// 事务操作
function callback(tx){
   // 在事务中执行SQL操作，并返回结果
   var result = tx.executeSql("SELECT * FROM employees", []);
   try{
      // 获取所有记录行
      var rowList = result.rows;
      // 获取每个记录行
      for(var i=0;i<rowList.length;i++){
         var row = rowList.item(i);
         // 获取每个记录行的内容：列名和值
         for(var j in row){
           postMessage(j + "=" + row[j]); // 将结果发回页面
         }
      }
   }catch(err){
      throw new Error(err.message?err.message:err.toString());
   }
}
// [01]===========================================================
// 创建数据库或建立连接
try{
   var db = openDatabaseSync('mydb2', '1.0',
                                  '我的第一个客户端数据库',
                                  2 * 1024 * 1024);
}catch(err){
   throw new Error(err.message?err.message:err.toString()); 
}
if(!db) throw new Error("不能连接到数据库！"); 
// [02]===========================================================
// 执行事务
db.transaction(callback);

</script>
</body>
</html>
